<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%
String contextPath = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 自助服务 </title>
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/scripts/highslide/highslide.css" />
<script type="text/javascript" src="<%=contextPath%>/scripts/highslide/highslide-full.js"></script>
<script type="text/javascript" src="<%=contextPath%>/scripts/highslide.js"></script>

<script type="text/javascript"> 
hs.graphicsDir = '<%=contextPath%>/scripts/highslide/graphics/';

function selfhelp() {
	//read card
	window.location.href="dispatch.jsp";
}
</script>
</head>
<body>

<div style="width: 820px; margin: 0 auto;">
	<button style="width:100%;text-align:center;font-size:20px;font-color:blue;" onclick="selfhelp()">
		请插入你的会员卡, 开始你的7号生态酒店自助服务 <img height="50px" src="../../images/logo.jpg"/>
	</button>
</div>
<!--<div style="width:100%;height:100%;">
	<table style="width: 100%;height: 100%;">
		<tr>
			<td align="center">
<div id="tip">
	请插入你的会员卡开始你的7号生态酒店自助服务<br/><br/>
</div>
<button>
	<img src="../../images/logo.jpg"/><br/> 开始自助服务
</button>
<div style="height:150px"></div>
			</td>
		</tr>
	</table>
</div>
-->

<div class="hidden-container">
<%
	String imagePath = contextPath + "/images/room/";
	String[] images = {
			"01.jpg", "02.jpg", 
			"03.jpg", "04.jpg", 
			"05.jpg", "06.jpg", 
			"07.jpg", "08.jpg", 
			"01.jpg", "02.jpg", 
			"03.jpg", "04.jpg", 
			"05.jpg", "06.jpg", 
			"07.jpg", "08.jpg", 
	};
	for (int i=0; i<images.length; i++) {
		String id = i==0 ? "id=\"thumb1\" " : "";
		String path = imagePath + images[i];
%> 
	<a <%=id%>class='highslide' href='<%=path%>' onclick="return hs.expand(this, inPageOptions)">
		<img height="" src='<%=path%>' alt='<%=images[i] %>'/>
	</a>
<%
	}
%>
</div>
 
<div id="gallery-area" style="width: 820px; height: 770px; margin: 0 auto; border: 1px solid silver"></div>

</body>
</html>
